﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="CSS/bootstrap.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        [class*="span"]
        {
            background: #999999;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="hero-unit">
            <h1>
                标题要用h1</h1>
            <p>
                标题内描述要用p</p>
        </div>
        <div class="row">
            <div class="span3">
                span3</div>
            <div class="span3">
                span3</div>
            <div class="span3">
                span3</div>
            <div class="span3">
                span3</div>
        </div>
        <div class="row">
            <div class="span4">
                span4</div>
            <div class="span4">
                span4</div>
            <div class="span4">
                span4</div>
        </div>
        <div class="row">
            <div class="span6">
                span6</div>
            <div class="span6">
                span6</div>
        </div>
        <div class="row">
            <div class="span4">
                span4</div>
            <div class="span8">
                span8</div>
        </div>
        <br />
        <br />
        <div class="row">
            <div class="span4">
                span4</div>
            <div class="span4 offset4">
                偏移4后的span4</div>
        </div>
        <br />
        <br />
        <div class="row">
            <div class="span12">
                嵌套的顶级
                <div class="row">
                    <div class="span6">
                        嵌套的2级</div>
                    <div class="span6">
                        嵌套的2级</div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span4">span 4</div>
            <div class="span8">span 8</div>
        </div>
    </div>
</body>
</html>
